<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        ul {
            border: 1px solid;
        }
        
        li {
            background-color: gray;
            margin-top: 15px;
        }
    </style>
</head>

<body>
    <ul>
        <li>1.xxxx</li>
        <li>2.xxxx</li>
        <li>3.xxxx</li>
        <li>4.xxxx</li>
        <li>5.xxxx</li>
    </ul>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        // 把li的事件托管到ul上, $(祖先选择器).on(事件类型, 选择器, 绑定函数);
        $('ul').on('click', 'li', function() {
            // console.log(event.target);
            console.log(this);
        });
    </script>
</body>

</html>